import * as React from "react";
import { Skeleton } from "antd-mobile";
export interface ISkeletonProps {}

export default function CustomSkeleton(props: ISkeletonProps) {
  return (
    <div className="course-list">
      {[1, 2, 3, 4].map((item) => {
        return (
          <div className="course" key={item}>
            <Skeleton animated className="customSkeleton" />
            <Skeleton.Title />
            <Skeleton.Paragraph />
          </div>
        );
      })}
    </div>
  );
}
